<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<style>
	#loginForm{
		font:bold 11px 나눔고딕코딩;
	}
	#loginForm td input.text{
		color: #8a8a8a;
	}
	#loginForm a{
		text-decoration: none;
	}
</style>
<script type="text/javascript">
	function login(){
		
		document.getElementById("loginDiv").style.display="none";
		document.getElementById("login").style.display="block";
		
	}
</script>
<div id="loginDiv">
<form id="loginForm" style="border:1px solid #dedede; width:100%;">
	<table>
		<thead>
			<tr>
				<th colspan="2" height="10%">
			</tr>
			<tr>
				<th colspan="2" style="text-align: left"><span><a href="viewAddMember.action" style="font-size: 11px;font-weight:bold ;color:#393939">회원가입</a></span>&nbsp;&nbsp;&nbsp;
				<span><a href="" style="font-weight:bold ;font-size: 10px;color:#8a8a8a">아이디</a><a href="" style="font-weight:bold ;font-size: 10px;color:#8a8a8a">/비밀번호 찾기</a></span>
				</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td><input type="text" value="아이디" class="text" onclick="this.value=''"/></td>
				<td rowspan="2"><input type="button" value="login" style="padding: 13px;font: bold 12px" onclick="login()" ></td>
			</tr>
			<tr>
				<td><input type="text" value="비밀번호" class="text" onclick="this.value=''"></td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td colspan="2" height="10%">
				</td>
			</tr>
			<tr>
			<td colspan="2">
				<table style="border-collapse: collapse;">
					<tbody>
						<tr>
							<td><input type="checkbox" style="margin-top:"></td><td>아이디 기억</td>
						</tr>
					</tbody>
				</table>
			</td>
			</tr>
		</tfoot>
	</table>
</form>
</div>
<div id="login">
<form id="loginForm" style="border:1px solid #dedede; width:100%;">
	<table>
		<thead>
			<tr>
				<th colspan="2" height="10%">
			</tr>
			<tr>
				<th colspan="2" style="text-align: left"><span><a href="showWebHard.action" style="font-size: 11px;font-weight:bold ;color:#393939">웹하드</a></span>&nbsp;&nbsp;&nbsp;
				<span><a href="" style="font-weight:bold ;font-size: 10px;color:#8a8a8a">로그아웃</a></span>
				</th>
			</tr>
		</thead>
		<tbody>
		<tr>
			<td><br/></td>
		</tr>
			<tr>
				<td><label>김선일 님 환영합니다.</label></td>
				
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td colspan="2" height="10%">
				</td>
			</tr>
		</tfoot>
		</table>
	</form>
</div>